<template>
  <ul class="Fivelist">
    <router-link to="/student">
        <li>
        <img src="../img/学生.png" alt="" />
        <p>学生兼职</p>
      </li>
    </router-link>
      <router-link to="/smartphone">
        <li>
        <img src="../img/手机.png" alt="" />
        <p>手机兼职</p>
      </li>
    </router-link>
      <router-link to="/business">
        <li>
        <img src="../img/企业.png" alt="" />
        <p>企业直招</p>
      </li>
    </router-link>
      <router-link to="/select">
        <li>
        <img src="../img/严选.png" alt="" />
        <p>严选兼职</p>
      </li>
    </router-link>
        <router-link to="/holiday">
        <li>
        <img src="../img/暑假.png" alt="" />
        <p>暑假兼职</p>
      </li>
    </router-link>
  </ul>
</template>

<script>
export default {};
</script>
<style>
* {
  margin: 0;
  padding: 0;
  list-style: none;
}
.Fivelist img {
  width: 60px;
  height: 64px;
}
.Fivelist {
  display: flex;
  justify-content: space-around;
  text-align: center;
}
.Fivelist p {
  font-size: 25px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #747683;
}
</style>
